﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Chromely</title>
    <link rel="stylesheet" href="../Content/css/bootstrap.min.css">
    <script src="../Content/js/jquery.min.js"></script>
    <script src="../Content/js/tether.min.js"></script>
    <script src="../Content/js/bootstrap.min.js"></script>
    <script>
        $(document).ready(function(){
            function infoResult(res) {
                var jsonData = JSON.parse(res.ResponseText);
                if (jsonData.ReadyState == 4 && jsonData.Status == 200) {
                    $('#divObjective').html(jsonData.Data.divObjective);
                    $('#divPlatform').html(jsonData.Data.divPlatform);
                    $('#divVersion').html(jsonData.Data.divVersion);
                }
            }
		
            boundControllerAsync.getJson("/info", null, infoResult);
        });
			
    </script>
</head>
<body>
<div class="col-9 centerBlock">
	 <!-- View Page Content -->
	 <div class="row">
	  <div>
			<div class="card-header"><h4 class"text-primary">Chromely Main Objective</h4></div>
			<div id="divObjective" class="card-body"></div>
	  </div>
	  <div>
			<div class="card-header"><h4 class"text-primary">Platforms</h4></div>
			<div id="divPlatform" class="card-body"></div>
		</div>
	  <div>
			<div class="card-header"><h4 class"text-primary">CefSharp/Chromium Version</h4></div>
			<div id="divVersion" class="card-body"></div>
		</div>
		
	</div>
	 <!-- End View Page Content -->
</div>
</body>
</html>                            

















	
